import logo from './logo.svg'
import './App.css'
import { Button } from 'antd'

// react文档
// https://zh-hans.reactjs.org/docs/getting-started.html
function App(props) {
  const MainClick = () => {
    props.history.push("/Main")
  }
  const DisClick = () => {
    props.history.push("/Dis")
  }
  const ClsClick = () => {
    props.history.push("/ClassZ")
  }
  // const history = useHistory();
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit（ 修改） <code> src / App.js </code> （保存并重新加载）and save
          to reload.{' '}
        </p>{' '}
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          查看官方文档1{' '}
        </a>{' '}
        <div>
          <Button type="primary" onClick={MainClick}>
            {' '}
            Main页面{' '}
          </Button>{' '}
          <Button type="primary" onClick={DisClick} danger>
            {' '}
            Dis页面{' '}
          </Button>{' '}
          <Button type="primary" onClick={ClsClick}>
            {' '}
            class写法页面+class使用redux{' '}
          </Button>{' '}
          <Button type="primary" danger>
            {' '}
            不知道{' '}
          </Button>{' '}
        </div>{' '}
      </header>{' '}
    </div>
  )
}

export default App
